<template>
  <view class="page">
    <view class="navbar" :style="'background-image: url('+pageBg+');'">
      <u-navbar @leftClick="navLeftClick" :fixed="false" title="支付成功" placeholder bgColor="transparent"></u-navbar>
    </view>
    <view class="success">
      <image style="width: 216.99rpx;height: 153.86rpx;margin-bottom: 62rpx;" src="../../static/order/success.png" />
      <view class="u-font-32 u-m-b-32" style="font-weight: 500;">恭喜您支付成功</view>
      <view class="u-font-32 u-m-b-56">我们会尽快为您发货</view>
      <view class="btn" @click="redirectTo('/pages/myOrder/myOrder?tabsCurrent=2')">查看订单</view>
    </view>
  </view>
</template>

<script>
import pageBg from '../../static/order/confirmOrder.png'

export default {
  data() {
    return {
      pageBg,
    };
  },
  onLoad() {},
  methods: {},
};
</script>

<style lang="scss" scoped>
.page {
  width: 750rpx;
  min-height: 100vh;
  background-color: #F5F5F5;
  padding-bottom: 20rpx;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  .navbar {
    width: 100%;
    background-repeat: no-repeat;
    background-size: 750rpx auto;
    margin-bottom: 12rpx;
  }
  .success {
    flex: 1;
    width: 702rpx;
    background: #FFFFFF;
    border-radius: 12rpx;
    padding-top: 72rpx;
    text-align: center;
    .btn {
      width: 280rpx;
      height: 80rpx;
      line-height: 80rpx;
      text-align: center;
      background: #FFFFFF;
      border-radius: 200rpx;
      border: 2rpx solid #56CB03;
      font-size: 28rpx;
      color: #56CB03;
      margin: 0 auto;
    }
  }
}
</style>
